<template>
  <div class="smart-manageindex">
    <el-row class="tac smart-bar">
      <el-col class="sidebar">
        <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          text-color="#fff"
          background-color="#263238"
          active-text-color="#03A9F4">
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>厂商信息管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="1-1"><router-link to="/main/FactoryInfoManage/registeCheck" tag="div">厂商注册审核</router-link></el-menu-item>
              <el-menu-item index="1-2"><router-link to="/main/FactoryInfoManage/infoManage" tag="div">厂商信息管理</router-link></el-menu-item>
              <el-menu-item index="1-3"><router-link to="/main/FactoryInfoManage/totalFactory" tag="div">注册厂商统计</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>前端设备管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="2-1"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">前端设备审核</router-link></el-menu-item>
              <el-menu-item index="2-2"><router-link to="/main/FrontedEquipment/equipmentMange" tag="div">前端设备管理</router-link></el-menu-item>
              <el-menu-item index="2-3"><router-link to="/main/FrontedEquipment/equipmentTotal" tag="div">前端设备统计</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>移动监控管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="3-1"><router-link to="/main/MobileMonitoring/monitoringCheck" tag="div">移动监控审核</router-link></el-menu-item>
              <el-menu-item index="3-2"><router-link to="/main/MobileMonitoring/monitoringManage" tag="div">移动监控管理</router-link></el-menu-item>
              <el-menu-item index="3-3"><router-link to="/main/MobileMonitoring/monitoringTotal" tag="div">移动监控统计</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>注册用户管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="4-1"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">用户信息管理</router-link></el-menu-item>
              <el-menu-item index="4-2"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">注册用户统计</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="5">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>系统信息管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="5-1"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">登录设备管理</router-link></el-menu-item>
              <el-menu-item index="5-2"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">登录用户信息</router-link></el-menu-item>
              <el-menu-item index="5-3"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">系统运行信息</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="6">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>服务器管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="6-1"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">服务器信息管理</router-link></el-menu-item>
              <el-menu-item index="6-2"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">添加服务器</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="7">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>消息管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="7-1"><router-link to="/main/MessageMage/alarmMessage" tag="div">报警消息管理</router-link></el-menu-item>
              <el-menu-item index="7-2"><router-link to="/main/MessageMage/chatInfo" tag="div">聊天信息管理</router-link></el-menu-item>
              <el-menu-item index="7-3"><router-link to="/main/MessageMage/informMessage" tag="div">通知消息管理</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="8">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>平台管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="8-1"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">反馈信息管理</router-link></el-menu-item>
              <el-menu-item index="8-2"><router-link to="/main/FrontedEquipment/equipmentCheck" tag="div">平台通知发布</router-link></el-menu-item>
            </el-menu-item-group>
          </el-submenu>


        </el-menu>
      </el-col>

      <el-col class="smart-indexmain">
        <router-view></router-view>
      </el-col>
    </el-row>
  </div>

</template>

<script>
export default {
  name:'manageIndex',
  methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }


    },
    data(){
      return {

      }
    },
    created(){
      console.log(this)
    }
}
</script>

<style scoped lang='scss'>
  .smart-manageindex {
    width: 100%;
    // height: 100%;
    overflow-x: hidden;
    // display: flex;
    .smart-bar {
      // height: 100%;
      text-align: left;
      display: flex;
      .sidebar {
        width: 230px;
        font-weight: 550;
      }

      .smart-indexmain {
        width: 100%;
        // min-height: 100%;
        // padding-left: 20px;
      }
    }

  }
</style>
